<template>
	<!-- 我的闲鱼 -->
	<div class="usermenu">
		<ul>
			<template v-for="menu in menus">
				<li><span :class="menu.icon"></span> <span>{{menu.name}}</span> <span class="mitem expand right"></span></li>
			</template>
		</ul>
	</div>
</template>



<script>

	export default {
		name:"usermenu",
		data(){
			return {
				menus:[
					{name:'我发布的',icon:'mitem fabu'},
					{name:'我卖出的',icon:'mitem sale'},
					{name:'我买入的',icon:'mitem buy'},
					{name:'我租到的',icon:'mitem hire'},
					{name:'我收藏的',icon:'mitem shoucang'},
					{name:'我的鱼塘',icon:'mitem spool'},
					{name:'我的拍卖',icon:'mitem pai'},
					{name:'我参与的免费送',icon:'mitem donate'},
					{name:'设置',icon:'mitem setting'}
				],
				msg:'fafafa'
			}
		}
	}
	
</script>


<style scoped>
	.usermenu{
		margin-top: 10px;
		background-color: #fff;
	}

	ul{
		list-style: none;
		padding-left: 0;

	}

	ul li{
		display:block;
		height: 40px;
		line-height: 40px;
		border-bottom: 1px solid #eee;
		font-weight: 550;
		font-size: 16px;
		font-family: "黑体";
		text-align: left;
		margin:0 10px;
	}	

	.right{
		float: right;
	}

	.mitem{
		display: inline-block;
		width: 30px;
		height: 30px;
		margin-bottom: 5px;
		vertical-align: middle;
		background-size: 100% 100%;
	}

	.sale{
		background-image: url('../assets/images/entry_icon_sold.png');	
	}

	.buy{
		background-image: url('../assets/images/entry_icon_bought.png');	
	}
	.hire{
		background-image: url('../assets/images/ic_my_rented_2x.png');	
	}

	.shoucang{
		background-image: url('../assets/images/entry_icon_favourite.png');	
	}

	.spool{
		background-image: url('../assets/images/ic_tabbar_group_sel.png');
	}
	.fabu{
		background-image: url('../assets/images/entry_icon_on_shelf.png');
	}
	.pai{

		background-image: url('../assets/images/entry_icon_paimai.png');
	}

	.donate{
		background-image: url('../assets/images/xianyu_mfs_2x.png');
	}

	.setting{
		background-image: url('../assets/images/entry_icon_settings.png');
	}

	.expand{
		background-image: url('../assets/images/fish_coin_arrow.png');
		margin-top: 5px;
	}
</style>